import React, { memo } from 'react'

import WYTopBanner from './c-cpms/top-banners'
import HotRecommend from './c-cpms/hot-recommend'
import NewAlbum from './c-cpms/new-album'
import WYRankingList from './c-cpms/ranking-list'
import UserLogin from './c-cpms/user-login'
import InSinger from './c-cpms/in-singer'
import HotAnchor from './c-cpms/hot-anchor'

import {
  Content,
  RecommendLeft,
  RecommendRight,
} from './style'

function Recommend() {

  return (
    <div>
      <WYTopBanner></WYTopBanner>
      <Content className="wrap-v2">
        <RecommendLeft>
          <HotRecommend />
          <NewAlbum />
          <WYRankingList />
        </RecommendLeft>
        <RecommendRight>
          <UserLogin/>
          <InSinger/>
          <HotAnchor/>
        </RecommendRight>
      </Content>
    </div>
  )
}

export default memo(Recommend)